<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>dzxsly小说</title>
    <meta name="keywords" content="dzxs小说">
    <meta name="description" content="python + Django + mongodb + highchart 写的一个小说网站,在后台爬内容">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--引入 Bootstrap -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
    <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F23e806d9d144dfa9762e696f1d3d6a35' type='text/javascript'%3E%3C/script%3E"));
</script>


</head>
<body>
    <h1 class="text-center">dzxsly小说</h1>
    <h2 class="text-center">dzxsly首页</h2>
    <div class=".container-fluid row">

        {% for book in books %}
            <div class="col-md-5 col-md-offset-1"><a href="{% url 'book' book.book_id %}">{{ book.book_title }}</a></div>
            <div class="col-md-5 col-md-offset-1">{{ book.author }}</div>
        {% endfor %}

    </div>
</body>
</html>